<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>E总管-新闻</title>
		<link rel="stylesheet" href="src/css/bootstrap.min.css" />
		<link rel="stylesheet" href="src/swiper/swiper-3.4.2.min.css" />
		<link rel="stylesheet" href="public/css/my_style.css" />
		<link rel="stylesheet" href="public/css/header.css" />
		<link rel="stylesheet" href="public/css/footer.css" />
		<link rel="stylesheet" href="css/news.css" />
	</head>

	<body>
		<div id="app" v-cloak>
			<m_header p_type='1' :user_info="infos"></m_header>
			<!--新闻-->
			<div class="news my_flex my_flex_center my_container">
				<!--图片-->
				<div>
					<img src="imgs/news/1.jpg" alt="" />
				</div>
				<!--<div>
					<span style="padding-bottom: 15px;">今日新闻</span>
					<template  v-for="(item,index) in news">
						<div class="one_new cursor" v-if="index<3||newsMore" >
							<div v-bind:class="[{noImage:!item.Image}]">
								<div class="img" v-if="item.Image">
									<img  style="height: 100%;width: 100%;" v-bind:src="item.Image"/>
								</div>
								<div class="my_flex my_flex_col one_list">
									<div class="text-left" style="width: 100%;">
										<span @click="newsHref(item.ID)">{{item.Title}}</span>
									</div>	
									<div style="width: 100%;" class=" my_flex my_flex_between">
										<span>{{item.CreateTimeText | translate_time}}</span>
										<span><img src="imgs/news/love.png" style="width: 20px;vertical-align: middle;margin-bottom: 2px;margin-right: 5px;" alt="" />{{item.Like}}</span>
									</div>
								</div>
							</div>
						</div>
					</template>
					
					<div class="update cursor" v-show="news.length>2" @click="newsMore =!newsMore">
						<span v-show="!newsMore">展开列表</span><span v-show="newsMore">收回列表</span>
					</div>
				</div>-->
				<!--右侧-->
				<div>
					<ul class="types my_flex my_flex_center">
						<li @click="getPageIndexForApp('股指类涨跌幅',0)" class="cursor" v-bind:class="{active:tabActive == 0}">股票类涨跌幅</li>
						<li @click="getPageIndexForApp('国际贵金属类',1)" class="cursor" v-bind:class="{active:tabActive == 1}">国际贵金属类</li>
						<li @click="getPageIndexForApp('外汇类',2)" class="cursor" v-bind:class="{active:tabActive == 2}">外汇类</li>
						<li @click="getPageIndexForApp('债券市场',3)" class="cursor" v-bind:class="{active:tabActive == 3}"> 债券市场</li>
					</ul>
					<div class="ups">
						<div class="one_up my_flex my_flex_around" v-for="item in shares">
							<li>{{item.IndexName}}</li>
							<li v-bind:class="[item.ChangePercent>0?'danger':'success']">{{item.Price}}</li>
							<li v-bind:class="[item.ChangePercent>0?'danger':'success']">{{item.ChangePercent}}%</li>
							<li v-bind:class="[item.ChangePercent>0?'danger':'success']">{{item.ChangePrice}}</li>
						</div>
					</div>
				</div>
			</div>
			<!--时文推荐-->
			<div class="times my_container my_flex my_flex_between">
				<!--图片-->
				<!--<div>
					<img src="imgs/news/1.jpg" alt="" />
				</div>-->
				<div >
					<span style="padding-bottom: 15px;padding-top: 10px;">今日新闻</span>
					<div style="height: 500px;overflow-y: scroll;">
						<template  v-for="(item,index) in news">
						<div class="one_new cursor" >
							<div v-bind:class="[{noImage:!item.Image}]">
								<div class="img" v-if="item.Image">
									<img  style="height: 100%;width: 100%;" v-bind:src="item.Image"/>
								</div>
								<div class="my_flex my_flex_col one_list">
									<div class="text-left" style="width: 100%;">
										<span @click="newsHref(item.ID)">{{item.Title}}</span>
									</div>	
									<div style="width: 100%;" class=" my_flex my_flex_between">
										<span>{{item.CreateTimeText | translate_time}}</span>
										<span><img src="imgs/news/love.png" style="width: 20px;vertical-align: middle;margin-bottom: 2px;margin-right: 5px;" alt="" />{{item.Like}}</span>
									</div>
								</div>
							</div>
						</div>
					</template>
					</div>
					
					
					<!--<div class="update cursor" v-show="news.length>2" @click="newsMore =!newsMore">
						<span v-show="!newsMore">展开列表</span><span v-show="newsMore">收回列表</span>
					</div>-->
				</div>
				<!--时文推荐-->
				<div >
					<div>
						<span>时文推荐</span>
					</div>
					<div style="height: 500px;overflow-y: scroll;">
						<div @click="shhref(item.ID)" v-for="(item,index) in pageNewss"  class="one_time cursor">
						<span>{{item.Title}}</span>
						<div class="my_flex my_flex_between">
							<span>{{item.CreateTimeText | translate_time}}</span>
							<span><img src="imgs/news/love.png" style="width: 20px;vertical-align: middle;margin-bottom: 2px;margin-right: 5px;" alt="" />{{item.Like}}</span>
						</div>
					</div>
					</div>
					
				</div>
			</div>
			<!--时文推荐更多-->
			<!--<div class="times_more my_container">
				<div>			
					<template v-for="(item,index) in pageNewss">
						<div @click="shhref(item.ID)"  v-if="index>=4"  class="one_time cursor">
							<span>{{item.Title}}</span>
							<div class="my_flex my_flex_between">
								<span>{{item.CreateTimeText}}</span>
								<span><img src="imgs/news/love.png" style="width: 20px;vertical-align: middle;margin-bottom: 2px;margin-right: 5px;" alt="" />{{item.Like}}</span>
							</div>
						</div>
					</template>					
				</div>
			</div>-->
			<!--footer-->
			<m_bottom :user_info="globalData.userInfo"></m_bottom>
			<!--模态框-->
			<m_modal></m_modal>
			<!--loading-->
			<loading></loading>
		</div>
		<script src="src/jquery.js"></script>
		<script src="src/js/jquery.nicescroll.js"></script>
		<script src="src/js/common-scripts.js"></script>
		<script src="src/vue.min.js"></script>
		<script src="public/js/comm.js"></script>
		<script src="src/js/bootstrap.min.js"></script>
		<script src="src/js/bootstrapValidator.min.js"></script>
		<script src="src/swiper/swiper-3.4.2.jquery.min.js"></script>
		<script src="public/js/header_bottom.js"></script>
		<script src="public/component/question/modal.js"></script>
		<script src="js/news.js"></script>
	</body>

</html>